.dx-texteditor {
    input[type=date] {
        &::-webkit-inner-spin-button {
            height: 20px;
        }
    }
}

.dx-datebox-native {
    .dx-texteditor-buttons-container {
        pointer-events: none;
    }
}

.dx-datebox.dx-texteditor-empty {
    input::-webkit-datetime-edit {
        color: transparent;
    }

    &.dx-state-focused {
        .dx-placeholder {
            display: none;
        }

        input::-webkit-datetime-edit {
            color: inherit;
        }
    }
}

.dx-datebox-wrapper {
    .dx-popup-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.dx-rtl {
    .dx-texteditor-input {
        text-align: right;
    }
}

.dx-datebox-button-cell {
    .dx-button {
        min-width: 90px;

        &.dx-datebox-apply-button {
            margin-right: 10px;
            margin-left: 0;
        }

        &.dx-datebox-cancel-button {
            margin-right: 0;
            margin-left: 0;
        }
    }
}

.dx-datebox-buttons-container {
    text-align: right;
    width: 100%;
}

.dx-colorview-container-cell {
    float: left;
}
